<template>

</template>

<script>
import { useDark, useToggle } from '@vueuse/core'

const isDark = useDark({
    selector: 'html',
    attribute: 'class',
    valueDark: 'dark',
    valueLight: '',
    storageKey: 'theme',
})

const toggleDark = useToggle(isDark)

export { isDark, toggleDark }
</script>

<style scoped>

</style>